{% extends "oscar/catalogue/browse.html" %}

{% load currency_filters %}
{% load basket_tags %}
{% load promotion_tags %}
{% load product_tags %}
{% load i18n %}

{% block header %}
<div class="category-title">
    {% if category.image %}
        <img src="{{ category.image.url }}" alt="{{ summary }}" />
    {% endif %}
    <div>
        <h1>{{ summary }}</h1>
        {% if category.description %}
        <p>{{ category.description|safe|truncatechars:250 }}</p>
        {% endif %}
    </div>
</div>
{% endblock  %}

{% block content %}

{% if products.count %}
<section>
    <div class="mod">
        <ol class="products four">
            {% for product in products %}
                <li {% if forloop.counter|divisibleby:"4" %}class="no-margin"{% endif %}>{% render_product product %}</li>
            {% endfor %}
        </ol>
        {% include "partials/pagination.html" %}
    </div>
</section>
{% else %}
    <p class="nonefound">{% trans "No products found." %}</p>
{% endif %}

{% endblock content %}
